<script >
import {mapState} from "vuex";
import MyFooter from './components/MyFooter.vue';

export default {
    components: {
        MyFooter
    },
    data(){
        return {
            themeVars:{
                buttonPrimaryBackgroundColor:"red" //--van-button-primary-background-color
            }
        }
    },
    computed:{
        ...mapState(["loading"]),
    }
}

</script>

<template>
    <VanConfigProvider :theme-vars="themeVars">
    <van-loading v-show="loading" class="loading" type="spinner" color="#1989fa"></van-loading>
        <router-view></router-view>
        <MyFooter></MyFooter>
    </VanConfigProvider>
</template>

<style scoped>

.loading{
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    z-index:99;
}

</style>
